/*FONT PT Sans Narrow*/
@font-face {
    font-family:&#39;PT Sans Narrow&#39;;
    font-style:normal;
    font-weight:400;
    src:local(&#39;PT Sans Narrow&#39;),local(&#39;PTSans-Narrow&#39;),
url(http://themes.googleusercontent.com/static/fonts/ptsansnarrow/v3/UyYrYy3ltEffJV9QueSi4RdbPw3QSf9R-kE0EsQUn2A.woff) format(&#39;woff&#39;);
}
/* CSS Untuk Tombol Switch*/
.switch {
background-color:#FCFCFC;
-moz-box-shadow:0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
-webkit-box-shadow:0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
box-shadow:0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
border:1px solid #FFF;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
text-shadow:1px 1px 1px rgba(0,0,0,0.1);
 height:25px;
 color:#444;
 margin:0 5px 5px 5px;
 padding:5px 5px 5px 9px;
 text-transform:uppercase;
}
.switch-left {
 width:360px;
 float:left;
 margin:0 auto;
 padding-top:0px;
 font:19px PT Sans Narrow;
 text-shadow:1px 1px 0 #000;
 color:#AAA;
}
.switch-right {
 width:115px;
 float:right;
 margin:0 auto;
 padding-top:4px;
}
.switch a {
 border:1px solid #999;
 font:11px Arial;
 padding:3px 8px 3px 25px;
 text-transform:none;
 color:#aaa;
}
a.bar_view {
 background:url(http://2.bp.blogspot.com/-7BeF7FZiHo0/T6vZzVSzTzI/AAAAAAAABJs/FlrWN7ZRxmk/s1600/drid.gif) no-repeat 3px center;
}
a.dat_view {
 background:url(http://1.bp.blogspot.com/-43EW3Gjakwc/T6vZz6K4N_I/AAAAAAAABJ0/hi2LK0zc4JQ/s1600/listed.gif) no-repeat 3px center;
}
.switch a.active {
 background-color:#aaa;
 border:1px solid #999;
 color:#111;
 cursor:default;
}
/* CSS Bar untuk bagian grid */

.bar {
background-color:#FCFCFC;
-moz-box-shadow:0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
-webkit-box-shadow:0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
box-shadow:0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
border:1px solid #FFF;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
text-shadow:1px 1px 1px rgba(0,0,0,0.1);
display:inline;
float:left;
height:280px;
list-style:none;
margin:5px 5px 0px 5px;
overflow:hidden;
padding:2px 3px 5px;
position:relative;
text-align:center;
width:187px;
}
.bar h2 a {
font:14px PT Sans Narrow;
text-align:center;
line-height:16px;
}
.bar h2 a:hover {
color:#c1541a;
}
.bar .post-body {
border:1px dashed #ccc;
-moz-box-shadow:0 0 0 1px #FAFAFA;
-webkit-box-shadow:0 0 0 1px #FAFAFA;
box-shadow:0 0 0 1px #FAFAFA;
height:210px;
overflow:hidden;
width:184px;
padding:10px 0;
margin:0 0 .3cm;
}
.bar img {
float:left;
height:205px;
margin:0 10px 10px;
width:158px;
}
#main-wrapper {
background:#FBFBFB url(http://templates.arcsin.se/images/bgmain.png) repeat-x;
float:left;
overflow:hidden;
padding:15px 10px 15px 10px;
width:615px;
}
.post{margin:5px 5px 5px 5px}